@import '@deepfos/happy/es/style/variable-default';

@import 'antd/es/style/themes/default.less';

.form {
  position: relative;
  // height: 100%;
  .saveIcon {
    cursor: pointer;
    fill: @happy-primary-color;
  }
  .disabled {
    cursor: not-allowed;
    fill: @happy-disabled-color !important;
  }
  :global(.@{ant-prefix}-table) table {
    border-top: none !important;
    border-right: none;
  }
  :global(.@{ant-prefix}-table-thead) > tr > th {
    white-space: nowrap;
    text-align: left;
    background: #f4f4f4 !important;
  }
  :global(.@{ant-prefix}-table-thead) > tr > td {
    white-space: nowrap;
  }
  :global(.@{ant-prefix}-table-column-sorters) {
    width: 100%;
    padding: 0 !important;
  }
  :global(.@{ant-prefix}-table-column-sorters) & > span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  :global(.@{ant-prefix}-table-pagination-right) {
    width: 100%;
    text-align: right;
  }
  :global(.@{ant-prefix}-pagination-total-text) {
    position: absolute;
    left: 0;
    line-height: 26px;
  }
  .checkboxColumn {
    min-width: 38px;
    max-width: 38px;
  }
  .otherColumn {
    // min-width: 140px;
  }
  .textRight {
    text-align: right;
  }
  :global(.@{ant-prefix}-pagination-options-size-changer.@{ant-prefix}-select) {
    min-width: 100px;
    text-align: left;
  }
  :global(.@{ant-prefix}-select) {
    min-width: unset;
  }
  .operationCol {
    white-space: nowrap;
    text-align: right;
    &::after {
      border-right: none !important;
    }
  }
  :global(.@{ant-prefix}-table-thead > tr > th::before) {
    opacity: 0;
  }
  .tdCell {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
  }

  > div:first-child {
    overflow: unset;
  }
  :global(.@{ant-prefix}-table .@{ant-prefix}-table-container) {
    border-right: 1px solid @border-color-split;
    border-left: none !important;
  }

  :global(.@{ant-prefix}-table.@{ant-prefix}-table-bordered
      div.@{ant-prefix}-table-container
      .@{ant-prefix}-table-thead)
    > tr
    > th {
    border-right: 0 !important;
  }

  :global(.@{ant-prefix}-table-empty div.@{ant-prefix}-table-container .@{ant-prefix}-table-thead)
    > tr
    > th:last-child {
    border-right: 1px solid #f0f0f0 !important;
  }

  .rowIconPart {
    &:hover svg {
      fill: @happy-primary-color;
    }
    svg[disabled] {
      fill: @happy-disabled-color !important;
    }
  }
  .editSvg {
    path {
      fill: @happy-text-color;
    }
    &:hover path {
      fill: @happy-primary-color;
    }

    svg[disabled] path {
      fill: @happy-disabled-color !important;
    }
  }

  :global(.@{ant-prefix}-table-summary) {
    border-left: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    box-shadow: none;
  }
}

.emptyForm :global(.@{ant-prefix}-table .@{ant-prefix}-table-container) {
  border-right: none;
}

:global(.@{ant-prefix}-notification) {
  z-index: 1060 !important;
}

.operationIcon {
  cursor: pointer;
}

.form table th.fixLeft {
  background: #fafafa;
}

.fixedPart {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 849;
  padding-right: 6px;
  background: #fafafa;
  // border: 1px solid #ebebeb;
}
.leftDrive {
  width: 1px;
  height: 20px;
  background: rgba(0, 0, 0, 0.06);
}

.small {
  height: 32px !important;
  padding: 2px 12px !important;
  :global(.@{ant-prefix}-select-single.@{ant-prefix}-select-sm .@{ant-prefix}-select-selector) {
    height: 22px;
  }
  :global(.@{ant-prefix}-select-single.@{ant-prefix}-select-sm
      .@{ant-prefix}-selection-search-input) {
    height: 20px;
  }
  :global(.@{ant-prefix}-input-sm) {
    padding: 0 7px;
  }
}
.large {
  height: 48px !important;
  padding: 2px 12px !important;
}
.middle {
  height: 40px !important;
  padding: 2px 12px !important;
}

.fontColor {
  float: right;
  color: @happy-primary-color;
}

.noticeMessage {
  :global(.@{ant-prefix}-notification-notice-message) {
    word-break: break-all !important;
  }
}

// :global(.@{ant-prefix}-popover-inner-content) {
//   padding: 4px !important;
// }

.wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  :global(.@{ant-prefix}-table-cell) {
    box-sizing: border-box;
    // border: 1px solid;
  }
}

.cellBorder {
  border-left: 1px solid @border-color-split;
}
